  <body>

    <header>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="#">New Paltz Humans Vs. Zombies</a>
                    <ul class="nav"><li><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                      <i id="hudPlus" class="icon-circle-arrow-down" style="padding-right:5px; "></i>
                    </a></li></ul>
                    <ul class="nav pull-right">
                      
                      <li><a href="#loginModal" data-toggle="modal"><i class="icon-user" style="padding-right:5px;"></i>Login</a></li>
                      <li><a href="#registerModal" data-toggle="modal"><i class="icon-plus" style="padding-right:5px;"></i>Register</a></li>
                    </ul>
                </div>
             </div>
             
        </div>
    </header>

<!-- Button to trigger modal -->

 
<!-- Modal -->
<div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Login</h3>
  </div>
  <div class="modal-body">
    	<?php
    		echo form_open();
			echo form_label();
			echo form_input();
			echo form_label();
			echo form_password();
    	?>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <?php
    $login = array(
		'name' => 'login',
		'class' => 'btn btn-primary',
		'value' => 'Login'
	);
    echo form_submit($login);
    echo form_close();
	?>
  </div>
</div>

<div id="registerModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Register</h3>
  </div>
  <div class="modal-body">
  	<?php
  		echo form_open();
  		echo form_label('Username','username');
		$username = array(
			'name' => 'username',
			'id' => 'username',
			'placeholder' => 'Enter Username'
		);
  		echo form_input($username);
		echo form_label('Password','password');
		$password = array(
			'name' => 'password',
			'id' => 'password',
			'placeholder' => 'Enter Password'
		);
  		echo form_password($password);
  		echo form_label('First Name','first_name');
		$first_name = array(
			'name' => 'first_name',
			'id' => 'first_name',
			'placeholder' => 'Enter First Name'
		);
  		echo form_input($first_name);
		echo form_label('Last Name','last_name');
		$last_name = array(
			'name' => 'last_name',
			'id' => 'last_name',
			'placeholder' => 'Enter Last Name'
		);
  		echo form_input($last_name);
		echo form_label('Email','email');
		$email = array(
			'name' => 'email',
			'id' => 'email',
			'placeholder' => 'Enter email'
		);
  		echo form_input($email);
		$submit = array(
			'name' => 'submit',
			'value' => 'Submit',
			'class' => 'btn-success'
		);
		echo form_submit($submit);
		echo form_close();
  		
  	?>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <?php		$submit = array(
			'name' => 'submit',
			'value' => 'Create Account',
			'class' => 'btn btn-success'
		);
		echo form_submit($submit);
		echo form_close();
		?>
  </div>
</div>

    
<div id="collapseOne" class="accordion-body collapse">
              <div class="accordion-inner" style="background-color:black;">
                <div class="row-fluid" style="text-align:center;">
                  <div class="span5 offset1">
                    <h2 class="">User Name</h2>
                    <div class="row-fluid">
                      <div class="span4" style="padding-top:10px;">
                      <img class="img-polaroid pull-left" src="http://placehold.it/120x140" alt="">
                      <p class="pull-left" style="padding-top:10px;">Email: test@test.com</p>
                      </div>
                    
                    <div class="span6">
                      <h4>Bio</h4>
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed lectus eu sapien congue euismod sit amet non purus. Mauris sit amet odio faucibus nulla vestibulum tristique at et magna. Nullam pellentesque elit id tellus facilisis facilisis. Integer congue, augue vel vestibulum gravida, sem tortor posuere ligula, eu ultrices eros lacus non tellus. Nulla hendrerit posuere ligula, sed condimentum libero interdum eu. Ut tempor porta velit<p>
                    </div>
                    </div>
                  </div>
                  <div class="span5" style="text-align:center;">
                    <h2 class="">Leaderboard</h2>
                    <table class="table table-bordered table-striped table-hover" style="background-color:white;">
                      <thead>
                        <tr>
                          <th>First Name</th>
                          <th>Last Name</th>
                          <th>Tags</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>James</td>
                          <td>Mercer</td>
                          <td>5</td>
                        </tr>
                        <tr>
                          <td>Kanye</td>
                          <td>West</td>
                          <td>2</td>
                        </tr>
                        <tr>
                          
                          <td>Jackie</td>
                          <td>Chan</td>
                          <td>-</td>
                        </tr>
                        <tr>
                          <td>Caleb</td>
                          <td>Wright</td>
                          <td>-</td>
                        </tr>
                        <tr>
                          <td>Nate</td>
                          <td>Krantz</td>
                          <td>-</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
              </div>
            </div>
          </div>